.tab-main {
    .content {
      position: relative;
      width: 100%;
      height: calc(100% - 1.07rem);
      background: #fff;
      padding: 0.15rem 0.15rem 0 0.15rem;
  
      p.desc {
        text-align: center;
        font-size: 0.16rem;
        color: #243034;
  
        .line {
          color: #979797;
          margin: 0 0.02rem;
        }
      }
      .invite_city1{
        background-image: url("~@/assets/images/invite/invite_city2.png");
        height:1.07rem;
        position:absolute;
        right:0;
        left:0;
        bottom:0;
        background-size: 100% 100%;
      }
  
      .qrcode-wrapper {
        position: relative;
        display: block;
        width: 1.9rem;
        height: 2.26rem;
        margin: .2rem .91rem .2rem .66rem;
        background-image: url('~@/assets/images/invite/qrcode-bg.png');
        background-size: 100% 100%;
        
        .qrcode {
          position: absolute;
          left: .40rem;
          top: .58rem;
          width: 1.21rem;
          height: 1.21rem;
          margin-bottom: .1rem;
        }
  
        span {
          position: absolute;
          bottom: -.05rem;
        //   width: 100%;
          text-align: center;
          font-size: .14rem;
          color: #666;
          left: .43rem;
        }
      }
  
     
    }
    .way {
        position: absolute;
        left: 0;
        bottom: .5rem;
        width: 100%;
        height: 1.1rem;
        background-image: url('~@/assets/images/invite/invite_footer.png');
        background-size: 100% 100%;
  
        .explain {
          $width: 3.45rem;
          $height: .85rem;
          position: absolute;
          bottom: .2rem;
          left: 50%;
          width: $width;
          height: $height;
          padding: 0 0.1rem;
          border: 2px dashed #345A67;
          border-radius: 0.04rem;
          margin-left: -$width/2;
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
  
        .title {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, -60%);
          padding: 0 0.1rem;
          color: #333;
          font-size: 0.14rem;
        //   line-height: 1.2em;
          background-color: #8FC9D5;
        }
  
        p {
          font-size: 0.14rem;
          color: #333;
          line-height: .2rem;
  
          .save {
            color: #fff;
            padding: 0.03rem 0.06rem;
            border-radius: 0.02rem;
            background-color: #345A67;
  
          }
  
          .code {
            color: #345A67;
            font-weight: bold;
          }
        }
      }
  }
  